#courseConsult {
    .header {
        border-bottom: .2rem solid #FCF9FC;
        .header_img {
            width: 100%;
            height: 4.22rem;
        }
        .header_content {
            padding: .32rem;
            .header_title {
                margin-bottom: .16rem;
                font-size: .4rem;
                line-height: .48rem;
                color: #333333;
                font-weight: bold;
            }
            .header_people {
                font-size: .28rem;
                line-height: .34rem;
                color: #999999;
            }
        }
    }
    .content {
        .nav {
            padding: .48rem .32rem 0 .32rem;
            display: flex;
            li {
                font-size: .4rem;
                line-height: .48rem;
                color: #999999;
                margin-right: .6rem;
                .nav_li {
                    margin-bottom: .16rem;
                }
            }
            .navActive {
                position: relative;
                color: #35BF7E;
                font-weight: bold;
                span {
                    position: absolute;
                    right: 0;
                    left: 0;
                    margin: auto;
                    width: .64rem;
                    height: .06rem;
                    background: #35BF7E;
                    border-radius: .04rem;
                }
            }
        }
        .course_list {
            margin: .48rem auto;
            width: 91.47%;
            padding: .32rem;
            background: rgba(255, 255, 255, 1);
            border-radius: .1rem;
            border: 1px solid rgba(230, 230, 230, 1);
            .course_list_title {
                font-size: .34rem;
                line-height: .44rem;
                font-weight: bold;
                margin-bottom: .16rem;
            }
            .course_list_state {
                display: flex;
                justify-content: space-between;
                font-size: .28rem;
                color: #999999;
            }
        }
        .c_v_html {
            padding: .32rem;
        }
    }
    .bottom {
        margin-top: 1px;
        border-top: 1px solid #F0F0F0;
        padding: .16rem .32rem;
        .bottom_btn {
            margin: auto;
            width: 100%;
            max-width: 6.86rem;
            height: .88rem;
            background: #35BF7E;
            border-radius: .44rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .32rem;
            color: white;
        }
    }
    .yd-popup-bottom {
        height: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, .2);
    }
    .pop_password{
        .yd-popup-content {
            position: absolute;
            left: 0;
            right: 0;
            top: 35%;
            margin: auto;
        }
    }
        
    .pop_content {
        background: white;
        width: 5.6rem;
        background-size: contain;
        border-radius: .2rem;
        //      border:1px solid rgba(151,151,151,1);
        margin: auto;
        text-align: center;
        .pop_top {
            padding: .4rem .55rem .31rem .55rem;
            .pop_title {
                font-size: .36rem;
                line-height: .5rem;
                color: #333333;
            }
            .pop_label {
                color: #999999;
                font-size: .28rem;
                line-height: .4rem;
                margin: .16rem 0 .32rem 0;
            }
            .pop_input_f {
                position: relative;
                width: 100%;
                height: .72rem;
                text-align: center;
                color: #333333;
                border-radius: .1rem;
                border: 1px solid rgba(153, 153, 153, 1);
                margin-bottom: .32rem;
                .pop_input {
                    color: #F7D68B;
                    width: 100%;
                    outline: none;
                    border: none;
                    font-size: .34rem;
                    text-align: center;
                    width: 100%;
                    height: 100%;
                    display: block;
                    padding: .2rem;
                    line-height: .42rem;
                }
                input::-webkit-input-placeholder,
                textarea::-webkit-input-placeholder {
                    color: #999999;
                    font-weight: 500;
                }
                textarea:-moz-placeholder,
                input:-moz-placeholder {
                    color: #999999;
                    font-weight: 500;
                }
                textarea::-moz-placeholder,
                input::-moz-placeholder {
                    color: #999999;
                    font-weight: 500;
                }
                textarea:-ms-input-placeholder,
                input:-ms-input-placeholder {
                    color: #999999;
                    font-weight: 500;
                }
            }
        }
        .pop_btn {
            display: flex;
            justify-content: space-between;
            border-top: 1px solid #E6E6E6;
            height: .87rem;
            font-size: .34rem;
            .pop_btn_left,
            .pop_btn_right {
                width: 50%;
                height: 100%;
                color: #35BF7E; 
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .pop_btn_left {
                color: #999999;
                border-right: 1px solid #E6E6E6;
            }
        }
    }
    .pop_money{
        .yd-popup-content {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            top: 10%;
        }
    }
    .pop_content_money {
        width: 82.93%;
        max-width: 6.22rem;
        background: white;
        background-size: contain;
        border-radius: .2rem;
        margin: auto;
        padding: .72rem 0;
        position: relative;
        .pop_close_icon{
            right: .2rem;
            top: .2rem;
            z-index: 10;
            width: .45rem;
            height: .45rem;
            position: absolute;
        }
        .pop_moeny_title {
            font-size: .48rem;
            line-height: .58rem;
            color: #333333;
            text-align: center;
        }
        .pop_money_label {
            padding: 0 .3rem;
            font-size: .28rem;
            line-height: .4rem;
            color: #999999;
            margin: .18rem 0 .64rem 0;
            text-align: center;
        }
        .pop_moeny_input_f {
            width: 79.42%;
            margin: auto;
            max-width: 4.94rem;
            height: .88rem;
            border-radius: .44rem;
            border: 1px solid rgba(153, 153, 153, 1);
            margin-bottom: .32rem;
            .pop_money_input {
                color: #F7D68B;
                width: 100%;
                outline: none;
                border: none;
                font-size: .34rem;
                text-align: center;
                width: 100%;
                height: 100%;
                display: block;
                padding: .2rem;
                line-height: .42rem;
            }
        }
        .pop_money_btn{
            margin: .64rem auto  0;
            width: 79.42%;
            height:.88rem;
            background:rgba(238,43,50,1);
            border-radius:.44rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
               font-size: .34rem;
        }
    }
    .yd-list-donetip {
        background: white !important;
    }
}